<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>全部医生 开发中</title>
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="icon" type="image/png" href="../../../assets/i/favicon.png">
	    <link rel="apple-touch-icon-precomposed" href="../../../assets/i/app-icon72x72@2x.png">
		<link rel="stylesheet" href="../../../assets/css/amazeui.css" />
		<link rel="stylesheet" href="../../../assets/css/app.css" />
	</head>
	<body class="am-container am-padding-0">
		<!--[if lte IE 9]>
		<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
		  以获得更好的体验！</p>
		<![endif]-->
		<header data-am-widget="header" class="am-header am-header-default bg-fff">
		  <div class="am-header-left am-header-nav">
		    <a href="javascript:history.go(-1);" class="am-text-left" >
		      <i class="am-icon-angle-left am-icon-sm"></i>
		    </a>
		  </div>
		  <h1 class="am-header-title text-424954">全部医生</h1>
		</header>
		<ul class="am-avg-sm-2 font-14">
			<li class="am-padding-left-sm am-padding-right-sm am-padding-top-xs am-padding-bottom-xs">
				<span class="am-block am-padding-xs border-f2 hospital_btn" style="border-radius: 50px;"><span>华西1</span><i class="am-icon-caret-down am-icon-sm am-align-right am-margin-0"></i></span>
			</li>
			<li class="am-padding-left-sm am-padding-right-sm am-padding-top-xs am-padding-bottom-xs">
				<span class="am-padding-xs border-f2 flex" style="border-radius: 50px;">
					<span style="background-color: #ddd;width: 50px;text-align: center;display: inline-block;color: #fff;border-radius: 50px;">搜索</span>
					<input type="text" class="flex1 am-align-left" style="width: 100%;margin: 0;border: none;outline: none;"/>
				</span>
			</li>
		</ul>
		<ul class="am-list mes_list am-list-border am-margin-xs am-margin-bottom-sm am-padding-bottom-sm">
			<li class="am-padding-sm am-margin-top-xs border-radius6 " style="border: 1px solid #dedede;">
				<div class="img_div am-inline-block wh22"><img src="../../../assets/i/app-icon72x72@2x.png" /></div>
				<div class="am-inline-block cont_div font-12 flex1">
					<div><b>XXX&nbsp;主治医生</b></div>
					<div>西区医院 肾脏内科</div>
					<div>擅长:肾脏内科等方面</div>
				</div>
				<div class="mes_xx_div3" onclick="javascript:window.location.href='consult.html'">立即咨询</div>
			</li>
			<li class="am-padding-sm am-margin-top-xs border-radius6">
				<div class="img_div am-inline-block wh22" ><img src="../../../assets/i/app-icon72x72@2x.png" /></div>
				<div class="am-inline-block cont_div font-12 flex1">
					<div><b>XXX&nbsp;主治医生</b></div>
					<div>西区医院 肾脏内科</div>
					<div>擅长:肾脏内科等方面</div>
				</div>
				<div class="mes_xx_div3" onclick="javascript:window.location.href='consult.html'">立即咨询</div>
			</li>
		</ul>
		<div class="zzc_bg">
			<div class="zzc_cont hospital_div bg-fff">
				<ul class="am-avg-sm-1 am-text-center color-888">
					<li>华西1</li>
					<li>华西2</li>
					<li>华西3</li>
					<li>华西</li>
					<li>华西4</li>
					<li>华西5</li>
					<li>华西6</li>
					<li>华西7</li>
					<li>华西8</li>
					<li>华西9</li>
					<li>华西11</li>
					<li>华西12</li>
				</ul>
			</div>
		</div>
		<!--[if lt IE 9]>
		<script src="../../../assets/js/jquery.min.js"></script>
		<script src="../../../assets/js/modernizr.js"></script>
		<script src="../../../assets/js/amazeui.ie8polyfill.min.js"></script>
		<![endif]-->
		<!--[if (gte IE 9)|!(IE)]><!-->
		<script src="../../../assets/js/jquery-1.7.2.min.js"></script>
		<!--<![endif]-->
		<script src="../../../assets/js/amazeui.min.js"></script>
		<script>
			$(function(){
				$(".hospital_btn").on("click",function(){
					var hospital_text=$(this).find("span").text();
					$(".hospital_div li").each(function(){
						if($(this).text()==hospital_text){
							$(this).addClass("color-3385ff").siblings().removeClass("color-3385ff");
						}
					});
					$(".zzc_bg").show();
					$(".hospital_div li").on("click",function(){
						$(this).parents(".zzc_bg").hide();
						$(this).addClass("color-3385ff").siblings().removeClass("color-3385ff");
						$(".hospital_btn span").text($(this).text())
					})
				});
			})
		</script>
	</body>
</html>
